body,ul,li,h1,h2,h3,h3,h5,h6,p,a,button,input{ margin: 0;padding: 0; font-family: "Microsoft Yahei"; }
body{ background-color: #f5f5f5;font-size: 12px;}
a{ text-decoration: none; color: #707070; transition: all .4s ease;}
a:hover{ color: red;}
li{ list-style: none; }
img {vertical-align: top; vertical-align: middle}
img,input,button { border-width: 0; outline: none; cursor:pointer;}
.clearfix:after { content:""; display: block; clear: both; height: 0;visibility: hidden;}
.clearfix { zoom: 1;}
.fl{ float:left;}
.fr{ float:right;}
/*公共样式*/
/*公共头部样式开始*/
.header{ background-color: #fff; }
.h-container,.footer .ft,.content{ width: 1011px;margin: 0 auto;}
.h-container{
	padding: 38px 0 34px 0;
	height: 28px;
	line-height: 28px;
}
.h-container a{
	font-size: 14px;
}
.h-container .logo{
	width: 217px;
}
.h-container .logo a{
	padding-left: 14px;
	vertical-align: middle;
}
.h-container .logo i{
	padding: 3px;
}
.nav{
	font-size: 0;
	line-height: 28px;
	text-align: center;
}
.nav a{
	float: left;
	margin-right: 44px;
}
.login{
	width: 150px;
	border-right: 2px solid #f8f8f8;
	border-bottom: 2px solid #f8f8f8;
}
.login input{
	width: 128px;
	height: 20px;
	vertical-align: middle;
}
.login button{
	width: 22px;
	height: 20px;
	vertical-align: middle;
	background: url(../img/button.png) no-repeat center center;
}
.h-login{
	font-size: 0;
	height: 28px;
	line-height: 28px;
	margin-left: 19px;
	padding-left: 20px;
	border-left: 1px dashed #ccc;
}
.h-login i{
	padding: 0 10px;
}
/*公共头部样式结束*/
/*公共脚部样式*/
.footer .ft{
	height: 84px;
}
.f-join{
	font-size: 0;
}
.f-join a,.f-join span,.f-ICP{
	font-size: 12px;
	color: #707070;
}
.f-join span{
	padding: 0 8px;
}
.f-ICP{
	line-height: 42px;
	color: #aaa;
}
.f-icon{
	position: relative;
}
.f-icon img{
	margin-left: 10px;
}
/*底部hover效果*/
.fh1,.fh2{
	display: none;
	position: absolute;
	bottom: 50px;
}
.fh1{
	right: 51px;
}
.f-icon .f1:hover~.fh1{
	display: block;
}
.f-icon .f2:hover~.fh2{
	display: block;
}
/*底部hover效果结束*/
/*公共脚步样式结束*/